<!--理赔计算列表-->
<template>
  <div>
    <el-tabs type="border-card">
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.medical>0">{{typenumber.medical}}</div>
          医疗保险</div>
        <lipeilist :titleList="titleList" :DutyType="'医疗保险'" :getStyle="'支付完成'" type="支付查看"></lipeilist>

      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.harmDie>0">{{typenumber.harmDie}}</div>
          意外死亡</div>
        <lipeilist :titleList="titleList" :DutyType="'意外死亡'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.harmDisability>0">{{typenumber.harmDisability}}</div>
          意外残疾</div>
        <lipeilist :titleList="titleList" :DutyType="'意外残疾'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueMeidca>0">{{typenumber.rescueMeidca}}</div>
          紧急医疗</div>
        <lipeilist :titleList="titleList" :DutyType="'紧急医疗'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueMove>0">{{typenumber.rescueMove}}</div>
          紧急转院</div>
        <lipeilist :titleList="titleList" :DutyType="'紧急转院'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueReturned>0">{{typenumber.rescueReturned}}</div>
          紧急运返</div>
        <lipeilist :titleList="titleList" :DutyType="'紧急运返'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueVisit>0">{{typenumber.rescueVisit}}</div>
          陪同费</div>
        <lipeilist :titleList="titleList" :DutyType="'陪同费'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number top_number2" v-if="typenumber.rescueAccompany>0">{{typenumber.rescueAccompany}}</div>
          遗体运返或安葬</div>
        <lipeilist :titleList="titleList" :DutyType="'遗体运返或安葬'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.rescueInter>0">{{typenumber.rescueInter}}</div>
          探访费</div>
        <lipeilist :titleList="titleList" :DutyType="'探访费'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.studyBreak>0">{{typenumber.studyBreak}}</div>
          学业中断</div>
        <lipeilist :titleList="titleList" :DutyType="'学业中断'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.travelDelay>0">{{typenumber.travelDelay}}</div>
          旅行延误</div>
        <lipeilist :titleList="titleList" :DutyType="'旅行延误'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.travelLose>0">{{typenumber.travelLose}}</div>
          物品丢失</div>
        <lipeilist :titleList="titleList" :DutyType="'物品丢失'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label">
          <div class="top_number" v-if="typenumber.three>0">{{typenumber.three}}</div>
          个人第三者</div>
        <lipeilist :titleList="titleList" :DutyType="'个人第三者'" :getStyle="'支付完成'" type="支付查看"></lipeilist>
      </el-tab-pane>
    </el-tabs>
    

  </div>
</template>

<script>
import {
  mapState
} from 'vuex';
import lipeilist from '@/components/lipei/listTemplate';
// import getid from '../js/getid'
export default {
  components: {
    'lipeilist': lipeilist,
  },
  computed: mapState({
    titleList: state => state.lipeiTitle.titleList,
    typenumber: state => state.typenumber.number,
  }),

}
</script>
